/* CSS Document */
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {line-height:1; background:url(http://www.xingyuansheji.com//images/bg.png) center top repeat-x;}
ol,ul {
list-style:none;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}
:focus {
outline:none;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
a {
text-decoration:none;
outline:none;
/*color:#333333;*/
}
a:active, a:hover { color: #333333; background: none; }
* {
word-wrap:break-word;
word-break:break-all;
}
.mr30 { margin-right:30px;}
body,textarea,pre,input {
font:14px/1.6 '微软雅黑'
}
input,textarea {
margin:0;
padding:0;
outline:none;
font-size:100%;
vertical-align:baseline;
}
textarea {
resize:none;
}
hr {
border:0 #ccc solid;
border-top-width:1px;
clear:both;
height:0;
}
*:focus {
outline:none;
}
a img {
vertical-align:middle;
}
.fl {
float:left;
}
.fr {
float:right;
}
.gc,.bc,.nc {
color:#ff86b6!important
}
.ofh {
white-space:nowrap;
word-wrap:normal;
word-break:normal;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden
}
.clr {
clear:both
}
.clear_in {
overflow:hidden;
zoom:1
}
.clearfix:before,.clearfix:after {
content:"";
display:table
}
.clearfix:after {
clear:both
}
.clearfix {
zoom:1
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
.posr {
position:relative
}
.posa {
position:absolute
}
.display_u {
display:inline-block;
*display:inline;
*zoom:1
}
.overflow_t {
overflow:hidden;
text-indent:-999px
}
html,body {
height:100%
}
.textl{text-align:left;}
.textc{text-align:center;}
.textr{text-align:right;}
.mt0 {
margin-top:0!important
}
.mt5 {
margin-top:5px!important
}
.mt10 {
margin-top:10px!important
}
.mt15 {
margin-top:15px!important
}
.mt20 {
margin-top:20px!important
}
.mt25 {
margin-top:25px!important
}
.mt30 {
margin-top:30px!important
}
.mt35 {
margin-top:35px!important
}
.mt40 {
margin-top:40px!important
}
.mt100 { margin-top:100px!important}
.mr0 {
margin-right:0!important
}
.mr5 {
margin-right:5px!important
}
.mr10 {
margin-right:10px!important
}
.mr15 {
margin-right:15px!important
}
.mr20 {
margin-right:20px!important
}
.mr25 {
margin-right:25px!important
}
.mr30 {
margin-right:30px!important
}
.mr35 {
margin-right:35px!important
}
.mr40 {
margin-right:40px!important
}
.mb0 {
margin-bottom:0!important
}
.mb5 {
margin-bottom:5px!important
}
.mb10 {
margin-bottom:10px!important
}
.mb15 {
margin-bottom:15px!important
}
.mb20 {
margin-bottom:20px!important
}
.mb25 {
margin-bottom:25px!important
}
.mb30 {
margin-bottom:30px!important
}
.mb35 {
margin-bottom:35px!important
}
.mb40 {
margin-bottom:40px!important
}
.ml0 {
margin-left:0!important
}
.ml5 {
margin-left:5px!important
}
.ml10 {
margin-left:10px!important
}
.ml15 {
margin-left:15px!important
}
.ml20 {
margin-left:20px!important
}
.ml25 {
margin-left:25px!important
}
.ml30 {
margin-left:30px!important
}
.ml35 {
margin-left:35px!important
}
.ml40 {
margin-left:40px!important
}
.ml50 {
margin-left:50px!important
}
.ml60 {
margin-left:60px!important
}
.mtb5{margin:5px 0!important}
.mtb10{margin:10px 0!important}
.mtb15{margin:15px 0!important}
.mtb20{margin:20px 0!important}
.mtb25{margin:25px 0!important}
.mtb30{margin:30px 0!important}
.mlr5{margin:5px 0 !important}
.mlr10{margin:0 10px!important;}
.mlr15{margin:0 15px !important}
.mlr20{margin:0 20px !important}
.mlr25{margin:0 25px !important}
.mlr30{margin:0 30px !important}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.w50 { width:50px !important}
.pt0 {
padding-top:0!important
}
.pt5 {
padding-top:5px!important
}
.pt10 {
padding-top:10px!important
}
.pt15 {
padding-top:15px!important
}
.pt20 {
padding-top:20px!important
}
.pt25 {
padding-top:25px!important
}
.pt30 {
padding-top:30px!important
}
.pt40 {
padding-top:40px!important
}
.pr0 {
padding-right:0!important
}
.pr5 {
padding-right:5px!important
}
.pr10 {
padding-right:10px!important
}
.pr15 {
padding-right:15px!important
}
.pr20 {
padding-right:20px!important
}
.pr25 {
padding-right:25px!important
}
.pr30 {
padding-right:30px!important
}
.pr35 {
padding-right:35px!important
}
.pr40 {
padding-right:40px!important
}
.pb0 {
padding-bottom:0!important
}
.pb5 {
padding-bottom:5px!important
}
.pb10 {
padding-bottom:10px!important
}
.pb15 {
padding-bottom:15px!important
}
.pb20 {
padding-bottom:20px!important
}
.pb25 {
padding-bottom:25px!important
}
.pb30 {
padding-bottom:30px!important
}
.pb35 {
padding-bottom:35px!important
}
.pb40 {
padding-bottom:40px!important
}
.pl0 {
padding-left:0!important
}
.pl5 {
padding-left:5px!important
}
.pl10 {
padding-left:10px!important
}
.pl15 {
padding-left:15px!important
}
.pl20 {
padding-left:20px!important
}
.pl25 {
padding-left:25px!important
}
.pl30 {
padding-left:30px!important
}
.pl35 {
padding-left:35px!important
}
.pl40 {
padding-left:40px!important
}
.plr10 {
padding:0 10px!important
}
/***********************引导页样式*******************************/
#ydao_top { width:1000px; margin:0 auto; overflow:hidden; height:27px;}
#ydao_top .ydao_topl { float:left; line-height:27px;}
#ydao_top .ydao_topl a:hover { color:#f00;}
#ydao_top .ydao_topl span { color:#023894;}
#ydao_top .ydao_topr { float:right;text-align:right; padding-top:3px;}
#ydao_top .ydao_topr a { margin:0 5px; border:1px solid #dadada; border-radius:3px; background:#fff; padding:3px 10px;}
#ydao_top .ydao_topr a:hover { color:#f00;}
#ydao_container { width:100%; float:left; min-height:600px; FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb); /*IE*/
background:-moz-linear-gradient(top,#ffffff,#ebebeb);/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffffff), to(#ebebeb));/*谷歌*/}
#ydao_main {width:960px; margin:30px auto 0 auto; overflow:hidden; padding:20px 20px 50px 20px; background:#fff; border:1px solid #dbdbdb; border-bottom:0;}
#ydao_main .ydao_top { width:100%; float:left; border-bottom:1px solid #dbdbdb; font-size:14px; line-height:35px; padding-bottom:20px;}
#ydao_main .ydao_top a b { font-size:25px; font-style:normal;}
#ydao_main .ydao_xuan { width:100%; float:left; margin:20px 0; color:#ff6600; font-size:14px;}
#ydao_main .ydao_xuan input[type=button] { margin:0 10px; padding:2px 15px; font-size:12px; background:#ededed; border-radius:3px; border:1px solid #cccccc; cursor:pointer;}
#ydao_main .ydao_xuan input[type=button]:hover { background:#d6d3d3;}
#ydao_main .ydao_xuan input[type=button]:active {background:#cccccc;}
#ydao_main .ydao_cont { width:100%; float:left; min-height:320px;}
#ydao_main .ydao_cont table {width:100%; line-height:45px; border-collapse:collapse; vertical-align:middle;}
#ydao_main .ydao_cont table tr { border-bottom:1px dashed #cdcdcd;}
#ydao_main .ydao_cont table td { font-size:16px; font-family:"microsoft yahei";}
#ydao_main .ydao_cont table td a {margin:0 5px; display:block; line-height:30px; float:left; padding:0 10px; height:30px;}
#ydao_main .ydao_cont table td a:hover {color:#fff; background:#023894;}
/******切换学校弹出层*****/
#TB_overlayBG{background-color:#000;position:absolute;z-index:100;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.qiehuan_box{position:absolute;width:760px;z-index:101; overflow:hidden; border-radius:5px;color:#333;display:none;position:absolute; background:#fff;}
.qiehuan_box h1 { background:#d9514f; line-height:53px; border-radius:5px 5px 0 0; color:#fff; padding:0 20px; font-size:22px; font-weight:normal; letter-spacing:2px; font-family:"microsoft yahei";}
.qiehuan_ul { width:100%; float:left;background:#fff;}
.qiehuan_ul li { width:98%; margin:0 1%; border-bottom:1px solid #ccc; float:left; line-height:75px; height:75px; text-align:center;}
.qiehuan_ul li a { display:block; color:#000; font-size:18px; letter-spacing:2px; font-family:"microsoft yahei"; font-weight:bold;}
.qiehuan_ul li a:hover { background:#eb5b4c; background:url(../image/xiaoqu_btn.png)#b5b5b5 32% center no-repeat;}
.qiehuan_ul li a i { color:#fff; font-size:14px; font-style:normal; margin-left:10px;}
.qiehuan_ul li a:hover i { color:#474747;}
/******证书查询弹出层*****/
#TB_overlayBG1{background-color:#000;position:absolute;z-index:100;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.tan_box1 {z-index:9999;width:333px; border-radius:5px;display:none;position:absolute; min-height:513px;}
.chaxun_box{width:333px; border-radius:5px; float:left; color:#333;min-height:513px; background:url(../image/chaxun.png) no-repeat;}
.chaxun_box h1 { line-height:53px; background:url(../image/cx_tit.png) 10px center no-repeat; border-radius:5px 5px 0 0; color:#fff; padding:0 35px; font-size:22px; font-weight:normal; letter-spacing:2px; font-family:"microsoft yahei";}
.chaxun_box h1 .close { float:right; width:25px; height:25px; cursor:pointer;}
.chaxun_box .chaxun_cont { margin:300px 30px 20px 30px; width:260px; float:left;}
.chaxun_box .chaxun_cont p { font-size:16px; color:#6e6e6e; line-height:25px; font-weight:bold; font-family:"microsoft yahei";}
.chaxun_box .chaxun_cont p i { display:block; float:right; font-style:normal; width:170px; color:#d9514f; margin-top:-25px; margin-bottom:25px; height:25px;line-height:25px;}
.chaxun_box1{position:absolute;width:333px; float:left; border-radius:5px;color:#333; min-height:513px; background:url(../image/chaxun_wu.png) no-repeat;}
.chaxun_box1 h1 { line-height:53px; border-radius:5px 5px 0 0; text-align:center; color:#fff; padding:0 35px; font-size:22px; font-weight:normal; letter-spacing:2px; font-family:"microsoft yahei";}
.chaxun_box1 h1 .close { float:right; width:25px; height:25px; cursor:pointer;}
.chaxun_box1 .chaxun_cont { margin:300px 30px 20px 30px; width:260px; float:left;}
.chaxun_box1 .chaxun_cont p { font-size:16px; color:#6e6e6e; line-height:25px; font-weight:bold; font-family:"microsoft yahei";}
.chaxun_box1 .chaxun_cont p i { display:block; float:right; font-style:normal; width:170px; color:#d9514f; margin-top:-25px; margin-bottom:25px; height:25px;line-height:25px;}
/*页面宽度990*/
.bt_page { width: 1094px; margin: 0 auto; text-align: left; min-height: 625px; _height:expression(document.body.clientHeight < 625? "625px" : "auto");}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
.clearfix:after {
content: " ";
display: block;
overflow: hidden;
height: 0;
clear: both;
}
.mr30 { margin-right:30px;}
#header,#main,#footer { width:1094px; margin:0 auto; overflow:hidden;}
/*edit by wangxp*/
#main-bg { width: 100%; height: 680px;position: absolute;top: 0; left: 0; overflow: hidden;}
.main-bg-pos { left: -2000px; position: relative;}
/*浮动*/
.fleft { float: left }
.fright { float: right }
/*头部样式*/
.head_top { width: 1000px; margin: 0 auto; height:75px;}
.p_head_cont { margin: 0 auto; height:108px; background:url(../image/p_headcontbg.png) center bottom no-repeat;}
.header_style { height: 44px; width: 100%; position: relative; z-index: 98 }
.p_header_style { height: 108px; width: 100%; position: relative; z-index: 98; background:url(../image/p_headbg.png) repeat-x;}
.header_menu { float: right; height: 44px; line-height: 44px; color: #708ecf; font-size: 15px; }
.header_menu a {color:#ffffff; margin-left:30px; height:40px; line-height:40px; color:#fff; }
.header_menu a.top_bj { background:#023894; padding:10px 15px;}
.header_menu a.top_xx { background:#eb5b4c; padding:10px 15px;}
.p_header_style_top { width:1000px; margin:0 auto; height:30px; text-align:right; color:#000;}
.p_header_style_top a { margin:0 5px; color:#000; line-height:30px;}
.p_header_style_top a:hover { color:#eb5b4c;}
/*首页头部样式*/
.index_h { min-height: 80px ; position: relative; z-index: 99;}
.header_style_top { width:1000px; margin:0 auto; height:30px; text-align:right; color:#fff;}
.header_style_top p {line-height:30px;}
.header_style_top a { margin:0 10px; color:#fff; line-height:30px;}
.header_style_top a:hover { color:#f00;}
.header_stylebg { background:url(../image/top_bg.png) repeat; width: 100%; height:80px;}
.index_h .index-slogo {float: left;background:url(../image/logo.png) no-repeat;width:274px; margin-top:10px; height:64px;}
.index_h .diqufc { margin: 18px 0 0 20px; padding-left: 15px; float:left; height: 50px; color:#000; /*border-left: 1px solid #000*/ }
.index_h .diqufc p { color:#000; font-size:24px; font-family:"微软雅黑"; float:left; }
.index_h .diqufc a:link { font-size: 12px; color:#000; line-height:45px; padding: 0 26px 0 5px; }
.index_h .diqufc a:hover {color:#eb5b4c;}
.index_h .header_menu { padding-top: 17px }
.index_h .diqufc a em { border-color: #8faeef transparent transparent transparent; top: 14px }
.index_h .diqufc a:hover em {border-color: #ffffff transparent transparent transparent;}
/*头部浮层*/
/*.part1 { background: url("http://www.xingyuansheji.com//images/default_bg.jpg") repeat-x #e6eefb; position: relative; height: 800px;zoom: 1;}*/
.bt_page { min-height: 0;}
.index-top { width: 1000px;left:50%; margin-left:-500px; position: absolute;bottom:0px; z-index: 99;}
.index-top .main-search { border:1px solid #f00; width:735px; height:65px; float:left; z-index:2; background:#fff; margin:0 150px -30px 150px; border-radius:5px; position:relative;
-moz-border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px; border:1px solid #000;}
.index-top .index_top_c { width:100%; float:left; min-height:320px;-webkit-border-radius: 8px; z-index:0; padding-top:40px;
-moz-border-radius: 8px; margin:0 0 50px 0;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;background: #fff;border:1px solid #a0a3ab;}
/*专题动画导航*/
.index_top_c{ width:100%;position:relative;}
.index_top_c ul li{width:120px; float:left}
.section_icon_nav_box1{width:100%;background: #FFF; height: 120px; border-bottom:1px solid #dfdfdf}
.index_top_c{height:120px;border-left:1px solid #eaeaea;}
.index_top_c ul{ margin-top:20px;}
.index_top_c ul li {width: 140px;position: relative;float: left; height: 120px;border-right:1px dashed #c8c8c8;}
.index_top_c ul li.border_b {border-bottom:1px dashed #c8c8c8;}
.index_top_c ul li.nobor_right { border-right:none;}
.index_top_c ul li i{position:absolute;width:100%;height:100%;background-color:#023894; background-color:#FFF \9;opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;}
.index_top_c ul li:hover i{opacity:1;
-webkit-animation:orangeIn 0.2s ease;
animation:orangeIn 0.2s ease;background-color:#9d0a3a \9;}
@-webkit-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-moz-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-ms-keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@keyframes orangeIn {
0% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
}
@-webkit-keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}
@-moz-keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}
@-ms-keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}
}
@keyframes orangeOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1
}
100% {
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
transform:scale(0.8);
opacity:0
}}
.index_top_c ul li a {width:100%; height:120px; position:absolute; color:#333333;}
.index_top_c ul li a em{display: block; margin:-1px auto auto; width: 110px; height: 70px;
}
.index_top_c ul li a:hover{ color:#FFF}
.icon_nav1 a em{ background:url(../image/main_btnl.png)-10px -20px no-repeat;}
.icon_nav1 a:hover em{ background:url(../image/main_btnh.png)-10px -20px no-repeat;}
.icon_nav2 a em{background:url(../image/main_btnl.png)-150px -20px no-repeat;}
.icon_nav2 a:hover em{ background:url(../image/main_btnh.png)-150px -20px no-repeat;}
.icon_nav3 a em{ background:url(../image/main_btnl.png)-290px -20px no-repeat;}
.icon_nav3 a:hover em{ background:url(../image/main_btnh.png)-290px -20px no-repeat;}
.icon_nav4 a em{ background:url(../image/main_btnl.png)-440px -20px no-repeat;}
.icon_nav4 a:hover em{ background:url(../image/main_btnh.png)-440px -20px no-repeat;}
.icon_nav5 a em{ background:url(../image/main_btnl.png)-580px -20px no-repeat;}
.icon_nav5 a:hover em{background:url(../image/main_btnh.png)-580px -20px no-repeat;}
.icon_nav6 a em{ background:url(../image/main_btnl.png)-720px -20px no-repeat;}
.icon_nav6 a:hover em{ background:url(../image/main_btnh.png)-720px -20px no-repeat;}
.icon_nav7 a em{ background:url(../image/main_btnl.png)-860px -20px no-repeat;}
.icon_nav7 a:hover em{ background:url(../image/main_btnh.png)-860px -20px no-repeat;}
.icon_nav8 a em{ background:url(../image/main_btnl.png)-10px -160px no-repeat;}
.icon_nav8 a:hover em{ background:url(../image/main_btnh.png)-10px -160px no-repeat;}
.icon_nav9 a em{ background:url(../image/main_btnl.png)-150px -160px no-repeat;}
.icon_nav9 a:hover em{ background:url(../image/main_btnh.png)-150px -160px no-repeat;}
.icon_nav10 a em{ background:url(../image/main_btnl.png)-290px -160px no-repeat;}
.icon_nav10 a:hover em{ background:url(../image/main_btnh.png)-290px -160px no-repeat;}
.icon_nav11 a em{ background:url(../image/main_btnl.png)-440px -160px no-repeat;}
.icon_nav11 a:hover em{ background:url(../image/main_btnh.png)-440px -160px no-repeat;}
.icon_nav12 a em{ background:url(../image/main_btnl.png)-580px -160px no-repeat;}
.icon_nav12 a:hover em{ background:url(../image/main_btnh.png)-580px -160px no-repeat;}
.icon_nav13 a em{ background:url(../image/main_btnl.png)-720px -160px no-repeat;}
.icon_nav13 a:hover em{background:url(../image/main_btnh.png)-720px -160px no-repeat;}
.icon_nav14 a em{ background:url(../image/main_btnl.png)-860px -160px no-repeat;}
.icon_nav14 a:hover em{ background:url(../image/main_btnh.png)-860px -160px no-repeat;}
.index_top_c ul li p { text-align: center; position: absolute; top: 85px; text-align: center; width: 100%; display: block; left: 0; font-size:22px; font-family:"Microsoft YaHei";}
.index-top .index_top_bot { width:100%; float:left; height:70px; }
.index-top .index_top_bot a { float:left; margin:0 12px;}
.index-reason {width: 1200px;margin: 0 auto;padding-top: 50px;padding-bottom: 20px;}
.index-reason:after { content: " ";display: block;overflow: hidden; height: 0; clear: both;}
.part2 {width:100%; min-height:400px;
/*background:url(../image/part2_bg.png) left top repeat-x;*/
}
/*******************首页select 选择样式**********************/
.choose_bg { float:left;}
.choose { background: #ffffff;padding: 4px; border-radius:5px 0 0 5px; float: left;}
.choose .pinpai { width: 273px;height: 55px; float: left; padding-left: 10px; position: relative; font-size: 16px; border-right: 1px solid #cdcfd0; z-index: 99;}
.choose .chexing { width: 272px; float: left; padding-left: 11px; font-size: 16px; color: #999; position: relative;}
.begin_btn { width: 180px; height: 63px; border: 0; border-radius:0 5px 5px 0; float: left; background: #023894; font-size: 24px; font-weight: bold; font-family: "microsoft yahei"; color: #FFFFFF; cursor: pointer; -webkit-appearance: none;}
.index-top .begin_btn:hover { background: #0646b3; border:0;}
.dk_container { width:270px; position:relative;font-family:"微软雅黑";font-size: 16px; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dk_container:focus { outline: 0; }
.dk_container[disabled] {opacity:.4; }
.dk_container a { cursor: pointer; text-decoration: none; }
.dk_container[disabled] a { cursor: not-allowed; }
.dk_toggle { width:20px; color: #212121;padding: 0 0 0 10px; line-height:55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
.dk_toggle:hover, .dk_toggle:focus { width:20px; border-color: 0; }
.dk_toggle:after { position: absolute; top: 45%; right: 10px; content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #4B4B4B; }
.dk_focus .dk_toggle {border-color: 0;}
.dk_open { z-index: 10; }
.dk_open .dk_toggle { background-color: #fff; border-color: #fff; color: #ccc; }
.dk_open_top .dk_toggle { border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px; }
.dk_open_top .dk_options, .dk_open_top .dk_options_inner { border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
.dk_options {border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border:1px solid #cdcdcd; border-top:0; }
.dk_options a { background-color: #fff; border-bottom: 1px solid #999;line-height:35px; font-weight: bold; padding: 8px 10px; }
.dk_options a:hover, .dk_options:focus,
.dk_options .dk_option_current a { color: #212121; text-decoration: none;}
.dk_options a:hover { background:#ccc;}
.dk_options li:last-child a { border-bottom: none; }
.dk_options .disabled { cursor: default; }
.dk_options .disabled a, .dk_options .dk_optgroup.disabled > span {color: #aaa; }
.dk_options .disabled:hover a, .dk_options .disabled:focus a {cursor: default; background-color: #fff; border-bottom-color: #999;text-shadow: none; }
.dk_options .dk_optgroup { padding-left: 5px; background: #ddd;}
.dk_options .dk_optgroup > span { display: block; padding: 5px 10px 5px 5px; font-style: italic; color: #444; background: #ddd; border-bottom: ;}
.dk_options .dk_optgroup.disabled, .dk_options .dk_optgroup.disabled > span { background: #eee;}
.dk_options_inner { max-height: 300px; border: 1px solid #fff; border-bottom-width: 2px; border-bottom-color: #999; color: #333;text-shadow: #fff 0 1px 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.dk_container {display: none; float: left; }
.dk_container a {outline: 0; }
.dk_toggle { width:200px; display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; }
.dk_open {position: relative; }
.dk_open .dk_options { display: block; }
.dk_open .dk_label { color: inherit; }
.dk_options {display: none; margin-top: 5px;position: absolute; right: 0;width: 100%; }.dk_options a, .dk_options a:link, .dk_options a:visited { display: block; }
.dk_options_inner { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; }
.dk_container select { position: absolute; visibility: hidden; }
.dk_mobile {position: relative; }
.dk_mobile select { display: block; width: 100%; height: 100%; top: 0; left: 0; visibility: visible; opacity: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.dk_wrap { position: relative; display: inline-block; min-width: 100px; float: left; margin-right: 10px; margin-bottom: 18px; background-color: #f5f5f5; overflow: hidden; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; }
.dk_wrap:after { position: absolute; display: block; top: 45%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #4B4B4B; pointer-events:none; }
.dk_wrap select { position: relative; display: block; width: 300px; min-height: 32px; padding: 6px 49px 6px 6px; border: 0; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; color: #333; text-indent: 0.01px;text-overflow: ''; text-shadow: #fff 1px 1px 0; background: transparent; background: rgba(255,255,255,0); cursor: pointer; border-radius: 0; box-shadow: none; appearance: none;-moz-appearance: none; -webkit-appearance: none; }
.dk_wrap select:focus { text-shadow: none; }
.dk_wrap select::-ms-expand { display: none;}
/* Firefox only */
@-moz-document url-prefix() { .dk_wrap select { padding: 7px 49px 5px 6px; }
}
/* IE 10 + IE 11 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dk_wrap select { padding: 6px 47px 6px 8px; }
}
/* Opera 12 only */
_:-o-prefocus, body:last-child .dk_wrap select { padding: 7px 45px 5px 10px; }
.part3 {width:100%; min-height:510px; background:url(../image/m_img1.jpg) center center no-repeat;}
.part3 .index-reason { position:relative; min-height:420px;}
.part3 .index-reason .img_downbtn { width:140px; height:140px; left:43%; position:absolute; bottom:0px;}
.part4 { width:100%; min-height:600px; background:url(../image/part3_bg.png) repeat;}
/****学员风采***/
.part5 { width:100%; min-height:600px; background:url(../image/part4_bg.png) repeat;}
.part5 .index-reason { padding-bottom:50px;}
.part5 h1 { text-align:center; margin-bottom:20px;}
.part5 .xyfc_l { width:494px; float:left; margin-left:40px; position:relative; background:url(../image/douhao.png)#fff left top no-repeat; }
.part5 .xyfc_l a{ text-decoration:none; width:492px; border:1px solid #c8c8c8; display:block;}
.part5 .xyfc_l a:hover { border:1px solid #f00;}
.part5 .xyfc_l a.more { position:absolute; border:0; right:10px; top:0; width:98px; height:65px;font-family:"Microsoft YaHei"; font-size:20px; line-height:55px; color:#fff; text-align:center; background:url(../image/xyfc_more.png) no-repeat; }
.part5 .xyfc_l h2 { color:#eb5b4c; font-size:20px; margin:10px 15px; line-height:30px; font-weight:bold; font-family:"Microsoft YaHei";}
.part5 .xyfc_l h3 { font-size:18px; font-weight:normal; margin:0 15px; color:#000;}
.part5 .xyfc_l p { font-size:14px; line-height:25px; color:#6c6c6c; padding:35px 65px 20px 35px;}
.part5 .xyfc_l img { width:492px; display:block;}
.part5 .cyfc_r { width:520px; float:right; margin-right:40px; }
.part5 .cyfc_r li { width:238px; float:left; background:#fff; margin:0 0 11px 15px;}
.part5 .cyfc_r li a { display:block; border:1px solid #c8c8c8;}
.part5 .cyfc_r li a:hover { border:1px solid #f00; text-decoration:none;}
.part5 .cyfc_r li h2 { color:#eb5b4c; font-size:16px; margin:10px 15px; line-height:30px; font-weight:bold; font-family:"Microsoft YaHei";}
.part5 .cyfc_r li p { margin:5px 15px; color:#6c6c6c;}
.part5 .cyfc_r li img { width:236px; height:240px; display:block;}
.part6 { width:100%; min-height:600px; background:url(../image/part3_bg.png) repeat;}
.part6 h1 { text-align:center; margin-bottom:20px;}
.part6 .xyzp_cont { width:100%; float:left;}
.part6 .xyzp_cont li { margin:3px; float:left; z-index:0; min-width:100px; min-height:210px; position:relative;}
.part6 .xyzp_cont li a {
width:100%;
height:100%;
border:1px solid #ddd;
background:url("http://www.xingyuansheji.com//css/img/background.jpg") no-repeat center center #f9f9f9;}
.part6 .xyzp_cont li a:hover { -moz-box-shadow:0 0 30px #999 inset;-webkit-box-shadow:0 0 30px #999 inset; box-shadow:0 0 30px #999 inset;}
/***首页焦点图广告***/
.part7 { width:100%; min-height:400px;}
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../image/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li img { width:100%; height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
/***兴元素材錧***/
.part8 { width:1200px;margin: 0 auto;}
.part8 a.more { background:#e8e8e8; width:90px; margin:-10px auto 20px auto; text-align:center; border-radius:5px; line-height:34px; color:#323232; overflow:hidden; display:block; height:34px;}
.part8 a.more:hover { background:#dcdcdc; color:#323232;}
.part8 h1 { text-align:center; margin-bottom:20px;}
.part8 .gallery { list-style: none; background:#fff; width:1200px; margin:0 auto 30px auto; padding:5px 0; overflow:hidden;}
.part8 .gallery li { margin:10px 31px; float:left;}
.part8 .gallery li img { width:230px; height:255px; margin-bottom:-6px;padding: 5px}
.part8 .portrait {width: 237px;
border:1px solid #cccccc;
background-color: #FFF;
text-align: center;
cursor: pointer;
float: left;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 305px;
}
.part8 .portrait:hover { border:1px solid #e40d0d;
-moz-transform: scale(1.04, 1.04);
-ms-transform: scale(1.04, 1.04);
-webkit-transform: scale(1.04, 1.04);
transform: scale(1.04, 1.04);
box-shadow: 0 0 5px #e40d0d;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.part8 .portrait h2 { font-size:14px; text-align:left; line-height:35px; color:#000;}
.part8 .portrait p { color:#5a5a5a; text-align:left;}
/*****证书查询****/
.part9 { width:100%; min-height:550px; background:#e4e2e3;}
.part9 .zshu_cx { background:url(../image/zshu_cx.png) no-repeat; min-height:320px; padding:212px 230px 20px 240px;}
.part9 .zshu_cx input[type=text] { width:362px; height:57px; font-size:14px; padding:0 5px; margin:0; float:left;}
.part9 .zshu_cx input[type=submit]{ width:140px; height:61px; line-height:61px; margin-left:-5px;background:#dd3940; text-align:center; border-radius:3px; font-family:"微软雅黑"; cursor:pointer; font-size:25px; color:#fff; border:0; }
.part9 .zshu_cx input[type=submit]:hover { background:#e2454c;}
.part9 .zshu_cx p { text-align:center; line-height:25px; margin-top:42px; color:#969696; letter-spacing:1px;}
/****---兴元会计--新闻资讯---***/
.part10 { width:100%; min-height:600px; background:url(../image/part9_bg.png) repeat;}
.index_syzx_title { width:100%; float:left; border-bottom:1px solid #cccccc; margin-bottom:20px;}
.index_syzx_title img { float:left;}
.index_syzx_title a { float:right; background:#98c246; padding:0 15px 0 15px; height:30px; border-radius:3px; font-size:14px; line-height:30px; color:#fff; margin-top:35px;}
.index_syzx_title a:hover { text-decoration:underline;}
.index_syzx { width:1200px; float:left;background:#fff; padding:20px 0;}
.index_syzx li { width:470px; float:left; margin:30px 60px; min-height: 154px;}
.index_syzx li .index_syzximg { width:220px; height:146px; float:left; border:1px solid #cccccc;}
.index_syzx li .index_syzximg img{
overflow: hidden;
}
.index_syzx li .index_syzximg:hover {
transform: scale(1.08);
}
.index_syzx li .index_syzximg{
transition: all 0.2s;
}
.index_syzx li .index_syzxtxt { float:left; margin-left:10px; width:235px; }
.index_syzx li .index_syzxtxt h1 { font-size:16px; font-family:"微软雅黑"; font-weight:bold; line-height:27px; margin-bottom:5px;}
.index_syzx li .index_syzxtxt h1:hover { color:#335498;}
.index_syzx li .index_syzxtxt h1 span { background:url(../image/news_btn.gif) no-repeat; padding:2px 10px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; text-align:center;}
.index_syzx li .index_syzxtxt p { border-bottom:1px dashed #ccc; line-height:20px; height:64px;}
.index_syzx li .index_syzxtxt p:hover { color:#335498;}
.index_syzx li .index_syzxtxt i { display:block; float:left; font-style:normal; line-height:30px;}
.index_syzx li .index_syzxtxt i:hover { color:#f00;}
.index-cont {width: 1094px;margin: 0 auto; padding-top:50px;}
.index-cont img { margin:0; margin-bottom:-5px;}
@media screen and (max-height: 700px) {
.index-top {
/*
padding-top: 30px;
padding-top: 5.45vh;
*/
}
.index-top h1.toph1 {
font-size: 42px;
font-size: 7.714vh;
height: 70px;
height: 14vh;
}
.index-top p.topp {
font-size: 18px;
font-size: 3.3vh;
line-height: 5vh;
}
.index-top p.topp strong {
font-size: 24px;
font-size: 4.3vh;
}
}
@media screen and (max-height: 550px) {
.index-top h1.toph1 {
font-size: 42px;
height: 70px;
}
.index-top p.topp {
line-height: 30px;
font-size: 18px;
}
.index-top p.topp strong {
font-size: 24px;
}
.index-top .main-search {
margin-top: 35px;
}
}
.part11 { width:100%; min-height:700px; background:url(../image/xysj_contbg.jpg) center 520px no-repeat;}
.part11 .xysj_cont1 { width:1000px; margin:40px auto 0 auto;}
.part11 .xysj_cont1 p { font-size:18px; color:#424242; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 {width:1000px; margin:0 auto; min-height:730px; position:relative;}
.part11 .xysj_cont2 .xysj_img { position:absolute; border-radius:50%;}
.part11 .xysj_cont2 .xysj_img div { display:none;}
.part11 .xysj_cont2 .xysj_img:hover div { display:block; cursor:pointer; text-align:center; background:url(../image/xysj_contbg1.png) repeat; border-radius:50%; }
.part11 .xysj_cont2 .xysj_img:hover .xysj_img1 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%; }
.part11 .xysj_cont2 .xysj_img:hover .xysj_img1 h2 { font-size:38px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img1 p { font-size:18px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img2 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img2 h2 { font-size:38px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img2 p { font-size:18px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img3 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img3 h2 { font-size:30px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img3 p { font-size:15px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img4 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img4 h2 { font-size:35px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img4 p { font-size:15px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img5 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img5 h2 { font-size:20px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img5 p { font-size:13px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img6 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img6 h2 { font-size:30px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img6 p { font-size:15px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img7 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img7 h2 { font-size:27px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img7 p { font-size:13px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img8 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img8 h2 { font-size:38px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img8 p { font-size:18px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img9 { border-radius:50%; width:100%; height:50%; position:absolute; left:0; top:0; padding-top:50%;}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img9 h2 { font-size:38px; color:#fff; font-family:"微软雅黑";}
.part11 .xysj_cont2 .xysj_img:hover .xysj_img9 p { font-size:18px; color:#fff; font-family:"微软雅黑"; font-weight:bold;}
.part12 { width:100%; min-height:300px; background:#fff;}
.part12 h2 { font-size:38px; color:#a44c9a; font-family:"微软雅黑"; text-align:center;}
.part12 p { font-size:25px; color:#747474; font-family:"微软雅黑"; text-align:center; margin-bottom:20px;}
.part12 .xysj_cont3 { width:100%; float:left;}
.part12 .xysj_cont3 .contt { width:255px; float:left;}
.part12 .xysj_cont3 .contt a:hover {opacity:0.5;filter:alpha(opacity=50);cursor:pointer}
/****footer****/
#footer_top { width:100%; float:left; border-top:1px solid #b4b4b4; background:#f6f6f6; padding:30px 0;}
#footer_top .foot_cont { border-right:1px dashed #023894;height:150px; float:left;}
#footer_top .w219 { width:240px;}
#footer_top .w250 { width:317px;}
#footer_top .w180 { width:200px;}
#footer_top .w170 { width:170px;}
#footer_top .foot_cont .foot_cont_t { border-bottom:1px dashed #023894; width:219px; float:left; padding-bottom:15px;}
#footer_top .foot_cont .foot_cont_b { width:219px; float:left; padding-top:10px;}
#footer_top .foot_cont .foot_cont_b h2 {color:#023894; font-family:"微软雅黑"; font-size:31px;}
#footer_top .foot_cont .foot_cont_b p {color:#4b4b4b; font-family:"微软雅黑"; letter-spacing:1px; line-height:40px; font-size:16px;}
#footer_top .foot_cont a.app_down { margin:5px 35px; float:left; display:block;}
#footer_top .foot_cont .qr_code { width:115px; height:128px; border:1px solid #999999; float:right;}
#footer_top .foot_cont .qr_code p { line-height:20px; color:#666; text-align:center; margin-top:-10px;}
#footer_top .no_line { border-right:0;}
#footer_bot { background:#dfdfdf; height:50px; width:100%; float:left; padding-top:10px;}
#footer_bot p { text-align:center; line-height:22px;}
/* 右侧客服 */
*{
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.rightfixed{
width:200px;
position:fixed;
right:10px;
top:18%;
z-index:100;
}
.rightinner{
width:100%;
background:#fed30b;
padding:30px 15px 5px 15px;
border-radius:15px;
-webkit-border-radius:15px;
position:relative;
padding-top:30px;
}
.righttop{
width:70px;
position:absolute;
left:50%;
top:-75px;
margin-left:-35px;
}
.rightdel{
width:20px;
height:20px;
border:2px solid #fff;
border-radius:50%;
-webkit-border-radius:50%;
text-align:center;
line-height:15px;
position:absolute;
right:5px;
top:5px;
font-size:18px;
color:#fff;
cursor:pointer;
}
.redbox{
width:100%;
background:#fd5050;
border-radius:10px;
-webkit-border-radius:10px;
overflow: hidden;
}
.rightbtn{
padding-left:20px;
height:45px;
border-bottom:1px solid #fff;
line-height:45px;
font-size:16px;
}
.rightbtn img{
position:relative;
top:4px;
margin-right:20px;
display:inline-block;
}
.rightbtn a{
color:#fff;
}
.rightform{
width:100%;
border-bottom:1px solid #fff;
padding:20px 15px 15px 15px;
}
.rightform .inputrg{
width:140px;
border:none;
outline:none;
height:35px;
margin-bottom:10px;
font-size:14px;
}
.rightform .inputrg input{
width:100%;
height:100%;
border:none;
outline:none;
border-radius:5px;
-webkit-border-radius:5px;
padding-left:10px;
}
.rightsub{
display:block;
width:100%;
height:35px;
line-height:35px;
text-align:center;
background:#dc3e3e;
border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
}
.rightbtom{
width:100%;
padding:10px 15px;
}
.rightbtom img{
display:block;
margin:0 auto;
}
.rightbtom .getbtn{
display:block;
width:100%;
height:35px;
text-align:center;
line-height:35px;
color:#fff;
background:#dc3e3e;
border-radius:5px;
-webkit-border-radius:5px;
margin-top:5px;
}
.gotop{
width:45px;
height:45px;
background:#feb10b;
margin:10px auto 5px auto;
border-radius:50%;
-webkit-border-radius:50%;
text-align:center;
line-height:45px;
}
.gotop .topbtn{
display:block;
width:100%;
height:100%;
color:#fff;
}
.ico1{
width: 170px;
height: 55px;
background-image: url("../image/ico1.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico1:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico01.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico2{
width: 170px;
height: 55px;
background-image: url("../image/ico2.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico2:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico02.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico3{
width: 170px;
height: 55px;
background-image: url("../image/ico3.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico3:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico03.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico4{
width: 170px;
height: 55px;
background-image: url("../image/ico4.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico4:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico04.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico5{
width: 170px;
height: 55px;
background-image: url("../image/ico5.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico5:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico05.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico6{
width: 170px;
height: 55px;
background-image: url("../image/ico6.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico6:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico06.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico7{
width: 170px;
height: 55px;
background-image: url("../image/ico7.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico7:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico07.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico8{
width: 170px;
height: 55px;
background-image: url("../image/ico8.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico8:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico08.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico9{
width: 170px;
height: 55px;
background-image: url("../image/ico9.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico9:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico09.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico9{
width: 170px;
height: 55px;
background-image: url("../image/ico9.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico9:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico09.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico10{
width: 170px;
height: 55px;
background-image: url("../image/ico10.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico10:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico101.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico11{
width: 170px;
height: 55px;
background-image: url("../image/ico11.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico11:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico1111.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico12{
width: 170px;
height: 55px;
background-image: url("../image/ico12.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 16px;
}
.ico12:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico121.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico13{
width: 170px;
height: 55px;
background-image: url("../image/ico13.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 18px;
}
.ico13:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico131.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ico14{
width: 170px;
height: 55px;
background-image: url("../image/ico14.png");
background-repeat: no-repeat;
float: left;font-size: 16px;color: #333333;
padding: 0px 20px;
margin: 0 auto;
line-height: 55px;
background-position:20px 25px;
}
.ico14:hover{
width: 170px;
height: 55px;
background-color: #f6583c;
border-radius: 30px;
background-image: url("../image/ico141.png");
background-repeat: no-repeat;
color: #ffffff; line-height: 55px;
}
.ming{
float: left;
margin-top: 20px;
}
.ming input{
width: 562px;
height: 62px; outline:none;
border: 1px solid #cccccc;
padding: 0px 40px;
font-size:22px;
color: #000000;
background-color: #ffffff;
}
.ming input::placeholder{
font-size:22px;
color: #333333;
}
.phone {
float: left; margin-top: 20px; margin-left: 80px;
}
.phone input{
width:557px;
height: 62px; border: 1px solid #cccccc;
outline:none; padding: 0px 40px; font-size:22px; color: #000000; background-color: #ffffff;
}
.phone input::placeholder{
font-size:22px;
color: #333333;
}
.bdbtn1{
width: 349px;
margin: 130px auto;
cursor: pointer;
}
.bg{
background-image: url("../image/bg.jpg");
width: 100%;
height: 855px;
background-repeat: no-repeat;
/*margin-top: 100px;*/
}
.experience_box{
width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.experience_item{
float: left;
width: 283px;
background-color: #f4f5f9;
height: 270px;
margin-right: 20px;
border-radius: 10px;
border: 1px solid #e4e4e4;
}
.experience_list .experience_item:last-child{
margin-right: 0;
}
.experience_icon{
text-align: center;
padding-top: 30px;
}
.experience_tit{
text-align: center;
font-size:24px ;
color:#333333 ;
font-weight: bold;
margin-top: 15px;
}
.experience_des{
text-align: center;
margin-top: 18px;
font-size:18px;
color: #999999;
line-height: 22px;
}
.experience_list{
margin-top: 45px;
margin-bottom: 48px;
}
.experience_item:hover{
transform: translateY(-10px);
}
.experience_item{
transition: all 0.2s;
}
.footer p{
font-size: 18px;
color: #ffffff;
}
.footNav{
width: 165px;
float: left;
margin-left: 160px;
}
.footNav li{
float: left;
width: 81px;
line-height: 28px;
}
.footNav a{
color: #7d7c87;
}
.footNav li a:hover{
color: #ea5d4d;
}
.pp{
float: right;line-height: 28px;
}
.pp a{
color: #7d7c87;
}
.pp p a:hover{
color: #ea5d4d;
}
.side{position:fixed;width:78px;left:30px;top:35%;margin-top:-200px;z-index:100;border:1px solid #ecf1f7;background:#fff;border-bottom:0;overflow: hidden}
.side ul li{width:78px;height:70px;float:left;position:relative;color:#333;font-size:14px;line-height:23px;text-align:center;transition:all .3s;cursor:pointer}
/*.side ul li:hover{background:#f67524;color:#fff}*/
/*.side ul li:hover a{color:#fff}*/
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/ico11.png)}
.side ul li i.bgs2{background-image:url(../image/ico5.png)}
.side ul li i.bgs3{background-image:url(../image/ico4.png)}
.side ul li i.bgs4{background-image:url(../image/ico7.png)}
.side ul li i.bgs5{background-image:url(../image/ico10.png)}
.side ul li i.bgs6{background-image:url(../image/ico15.png)}
.side ul li i.bgs7{background-image:url(../image/ico8.png)}
.side ul li i.bgs8{background-image:url(../image/ico8.png)}
.side ul li i.bgs9{background-image:url(../image/return.png)}
/*.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}*/
/*.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}*/
/*.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}*/
/*.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}*/
/*.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}*/
.side ul li .sidebox{position:absolute;width:78px;height:70px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{color:#333333;border-bottom: 1px solid #ecf1f7;}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
#yuyueshow2{
border-bottom:1px solid #ecf1f7 ;
}
.tt1{
font-size: 12px;color: #333333;
}
.tt1:hover{
color: red;
}
.page_btn .more_btn a {
margin: 140px auto;
}
.more_btn a {
transition: all 0.2s;
}
.more_btn a {
display: block;
width: 250px;
height:60px;
background: linear-gradient(to right, #f44f3c, #f8623c, #fa713c);
color: #fff;
text-align: center;
line-height: 60px;
font-size: 18px;
border-radius: 10px;
font-weight: bold;
}
.more_btn a:hover {
transform: scale(1.08);
}
.tt2{
float: left
}
.tt3{
float: left ;margin-left: 27px
}
.tt4{
float: right;
}
.tt2:hover {
transform: translateY(-10px);
}
.tt2 {
transition: all 0.2s;
}
.tt3:hover {
transform: translateY(-10px);
}
.tt3{
transition: all 0.2s;
}
.tt4:hover {
transform: translateY(-10px);
}
.tt4 {
transition: all 0.2s;
}
.ss{
width: 280px;height: 320px;background-color: #f5f6f7;border-radius: 7px;float: left;
}
.ss:hover {
transform: translateY(-10px);
}
.ss{
transition: all 0.2s;
}
.ss1{
width: 280px;height: 320px;background-color: #f5f6f7;border-radius: 7px;float: left;margin-left: 26px
}
.ss1:hover {
transform: translateY(-10px);
}
.ss1{
transition: all 0.2s;
}
.ss2{
width: 280px;height: 320px;background-color: #f5f6f7;border-radius: 7px;float: right
}
.ss2:hover {
transform: translateY(-10px);
}
.ss2{
transition: all 0.2s;
}
.rr1{
width: 1200px;margin:50px auto;
}
.rr1 li:hover {
transform: translateY(-10px);
}
.rr1 {
transition: all 0.2s;
}